<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1986880_ln3datp5ibt.css">
    <link rel="stylesheet" href="../../css/normalize.css">
    <link rel="stylesheet" href="../../css/common.css">
    <title>协查-等待接受委托</title>
    <style>
        .topinfo{
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .left-menu{
            width: 300px;
            height: auto;
        }
        .left-menu .item{
            width: 300px;
            height: 150px;
            text-align: center;
            line-height: 150px;
            border-radius: 5px;
            font-size: 26px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
            margin-bottom: 20px;
        }
        .left-menu .item:nth-child(1){
            background: linear-gradient(90deg,  #11B790, #6AE2C6);
        }
        .left-menu .item:nth-child(2){
            background: linear-gradient(90deg, #4C9AFE, #A4CCFE);
        }
        .left-menu .item:nth-child(3){
            background: linear-gradient(90deg, #EF995F, #FFB685);
        }
        .rightinfo{
            width: 880px;
            height: auto;
            overflow: hidden;
        }
        .rightinfo .top-search{
            width: 880px;
            height: 80px;
            background: #FFFFFF;
            border-radius: 5px;
            padding: 20px;
        }
        .rightinfo .top-search .select-box{
            width: 165px;
            height: 40px;
            background: #FFFFFF;
            border: 1px solid #E2E2E2;
            border-radius: 5px;
            margin-right: 13px;
        }
        .rightinfo .top-search .select-box select{
            width: 100%;
            height: 100%;
            border: 1px solid #E2E2E2;
            padding: 0 10px;
        }
        .rightinfo .top-search .select-box select:focus{
            border: 0;
        }
        .rightinfo .top-search .select-box option{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #999999;
        }
        .rightinfo .top-search .btn{
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #4C9AFE;
            border-radius: 20px;
        }
        .rightinfo .top-search .btn .iconfont{
            color: #fff;
            font-size: 16px;
        }
        .rightinfo .top-search .btn span{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #FFFFFF;
        }
        /* 部分菜单 */
        .backtitle{
            width: 100%;
            padding: 25px 32px;
            
        }
        .backtitle .iconfont{
            font-size: 16px;
            color:#999999;
            cursor: pointer;
        }
        .backtitle span{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            cursor: pointer;
        }
        .topinfo .xc{
            width: 880px;
            height: auto;
            background: #FFFFFF;
            border-radius: 5px;
            margin-top: 20px;
        }
        .xc-title{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-right: 55px;
        }
        .xc-title .line{
            width: 3px;
            height: 20px;
            background: #4C9AFE;
            margin-right: 22px;
        }
        .xc-title .txt{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
        }
        .xc-title .status{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #4C9AFE;
        }
        .info-list{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 30px 32px 0;
        }
        .info-list .heading{
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
        }
        .info-list .infos{
            width: 690px;
            height: auto;
        }
        .info-list .infos .item{
            width: 33%;
            height: auto;
            margin-bottom: 30px;
            text-align: left;
        }
        .info-list .infos .item .spa{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
            margin-right: 10px;
        }
        .info-list .infos .item .spb{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
        }
        /* 委托信息 */
        .info-content{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 0 31px;
            cursor: pointer;
        }
        .info-content .ct-title{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
            margin-top: 30px;
            line-height: 29px;
        }
        .info-content .ct-title .jine {
            display: inline-block;
            overflow: hidden;
            line-height: 22px;
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FF0505;
            margin-right: 25px;
        }
        .info-content .ct-title .jine img{
            width: 21px;
            height: 22px;
            margin-right: 10px;
            position: relative;
            top: 2px;
        }
        .info-content .ct-status{
            display: inline-block;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
        }
        .info-content .ct-status.blue{
            color: #4C9AFE;
        }
        .info-content .ct-status.yello{
            color: #FD990A;
        }
        .info-content .ct-status.green{
            color: #11B790;
        }
        .info-content .time{
            width: 100%;
            padding:  0 0 20px;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #999999;
        }
        .info-content .desc{
            width: 100%;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            margin-bottom: 10px;
            margin-top:10px;
        }
        .info-content .desc a{
            color: #4C9AFE;
            margin:0 5px;
        }
         .tabs{
            width: 100%;
            height: 51px;
            padding: 0 30px;
            line-height: 51px;
            border-bottom: 1px solid #E2E2E2;
        }
         .tabs .item{
            overflow: hidden;
            margin-right: 20px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            position: relative;
            cursor: pointer;
        }
         .tabs .item.active{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #4C9AFE;
        }
         .tabs .item.active .short-line{
            width: 32px;
            height: 2px;
            background: #4C9AFE;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
    </style>
</head>

<body>
    <div id="root">
        <div class="header">
            <div class="wrapper">
                <div class="row topmenus">
                    <div class="col header-address fl">
                        <i class="iconfont icondingweiweizhi"></i>
                        <span class="txt">郑州</span>
                        <i class="iconfont icondown-hollow"></i>
                    </div>
                    <div class="col header-menuns fr">
                        <a href="" class="txt fr">手机APP</a>
                        <a href="" class="txt fr">律师入驻</a>
                        <a href="" class="notice fr">
                            <i class="iconfont icontongzhi"></i>
                            <div class="cirle"></div>
                        </a>
                        <div class="lg fr txt">
                            欢迎，请
                            <a href="https:www.baidu.com" class="login">登录</a>
                            ｜ <a href='' class='resign'>免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="header-middle">
                    <img class="logo fl" src="../../images/lawyer.png" alt="">
                    <div class="downs fr">
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">安卓</div>
                        </div>
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">苹果</div>
                        </div>
                    </div>
                    <div class="search fr">
                        <div class="ipt-search fl">
                            <input class="ipt" type="text" placeholder="请输入您想要搜索的内容">
                            <i class="iconfont iconsousuo"></i>
                        </div>
                        <div class="btn-search fl">
                            <i class="iconfont iconbianji"></i>
                            <span>提问</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="menus">
                        <a class="item fl">
                            <span>法律咨询</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>找律师</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>律师说法</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a href='' class="item fl">
                            <span>律师问答</span>
                        </a>
                        <a href='' class="item fl">
                            <span>合同下载</span>
                        </a>
                        <a href='' class="item fl">
                            <span>法律知识</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="crumbs">
                <div class="wrapper">
                    <span>我的位置：</span>
                    <span>案件协作 ></span>
                    <span>律师说法 ></span>
                    <span>法律音频</span>
                </div>
            </div>
            <div class="wrapper">
                <div class="topinfo">
                    <div class="left-menu fl">
                        <div class="item">异地协查</div>
                        <div class="item">案件合作</div>
                        <div class="item">案件委托</div>
                    </div>
                    <div class="rightinfo fr">
                        <div class="top-search">
                            <div class="select-box fl">
                                <select name="" id="">
                                    <option value="1">二七区</option>
                                    <option value="1">中原区</option>
                                </select>
                            </div>
                            <div class="select-box fl">
                                <select name="" id="">
                                    <option value="1">二七区</option>
                                    <option value="1">中原区</option>
                                </select>
                            </div>
                            <div class="select-box fl">
                                <select name="" id="">
                                    <option value="1">二七区</option>
                                    <option value="1">中原区</option>
                                </select>
                            </div>
                            <div class="select-box fl">
                                <select name="" id="">
                                    <option value="1">二七区</option>
                                    <option value="1">中原区</option>
                                </select>
                            </div>
                            <div class="btn fl">
                                <i class="iconfont iconsousuo"></i>
                                <span>搜索</span>
                            </div>
                        </div>
                        <div class="xc">
                            <div class="tabs">
                                <div class="item fl active">最新<div class="short-line"></div></div>
                                <div class="item fl">婚姻<div class="short-line"></div></div>
                                <div class="item fl">房产<div class="short-line"></div></div>
                                <div class="item fl">劳动<div class="short-line"></div></div>
                                <div class="item fl">公司<div class="short-line"></div></div>
                                <div class="item fl">合同<div class="short-line"></div></div> 
                            </div>
                            <!-- 协作信息 -->
                            <div class="wt-info">
                                <div class="info-content">
                                    <div class="ct-title">
                                        <div class="jine fl"><img src="../../images/lawyer.png" >300</div>
                                        PTFX传销案，全球协查
                                        <div class="ct-status fr blue">待协查</div>
                                    </div>
                                    <div class="desc">房产纠纷，需要去被告人哪里了解一下情况，需要帮忙了解一下房产证明前所在房地产纠纷，需要去被告人那里料房产纠纷，需要去被告人哪里了解一下情况，需要帮忙了解一下房产证明前所在房地产纠纷，需要去被告人那里料    房产纠纷，需要去被告人哪里了解一下情况，需要帮忙了解一下房产证明前所在房地产纠纷，这边详细提供<a href="">查看详情</a>       </div>
                                    <div class="time">李泽豪律师 &nbsp;&nbsp; 发布时间：2020-09-10 15:14 &nbsp;&nbsp; 类别：工商档案查询 &nbsp;&nbsp; 协助地点：上海</div>
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="wrapper">
                    <div class="menus">
                        <a class="item fl" href="">关于我们</a>
                        <a class="item fl" href="">通知公告</a>
                        <a class="item fl" href="">意见反馈</a>
                        <div class="item fl">客服邮箱：KeFu12455@qq.com</div>
                        <a class="item fl">客服电话：400-902-9980</a>
                    </div>
                    <div class="downs">
                        <div class="item fl">
                            <div class="title">公众服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">找律师</a>
                                    <a class="link-url-item" href="">问律师</a>
                                    <a class="link-url-item" href="">学法规</a>
                                    <a class="link-url-item" href="">合同下载</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">用户APP下载地址</div>
                                        <div class="info-b">快速找律师/在线咨询</div>
                                        <div class="info-c">差法律知识/查看解答/随时追问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fr">
                            <div class="title">律师服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">律师加盟</a>
                                    <a class="link-url-item" href="">律师营销</a>
                                    <a class="link-url-item" href="">在线接单</a>
                                    <a class="link-url-item" href="">多人协作</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">律师APP下载地址</div>
                                        <div class="info-b">营销分析/回复咨询</div>
                                        <div class="info-c">案件洽谈/异地协查</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-beian">
                <div class="wrapper">
                    律师网版权所有 20205-2020 粤ICP备10231287号-5 粤公安网安备 44010602222号 增值电信业务经营许可证(ICP)粤B2-20100586
                </div>
            </div>
        </div>
    </div>
</body>

</html>